今日進度

HTML5‧CSS3 最強圖解實戰講座的Lesson6

學習筆記

今日新知

• 選擇器
  因為p和div的元素在一個頁面會被大量使用，每個樣式又都可能不一樣，所以會先幫同樣樣式的取名字，然後再用CSS的選擇器分別做修改

• id屬性作為選擇器

  • 只有一個區塊的時候使用
  • 先在html檔上將要改樣式的元素加上id屬性並命名
    
  • CSS檔上的選擇器名稱:元素名稱#id名稱(元素名稱可省略)
    ex:要做在< p id="lead" >的區塊上，元素名稱為p#lead或是 #lead
    

• class屬性作為選擇器

  • 有多個區塊用同一個樣式的時候使用
  • 先在html檔上將要改樣式的元素每一個都加上class屬性並命名(取1個群組名)
    第1個:
    
    第2個:
    
    第3個:
    
  • 選擇器名稱:元素名稱.class名稱(元素名稱若都是同元素可省略，但是有不同元素上有class不能省略)
    ex:要做在< p class="more" >的區塊上，元素名稱為p.lead或是 .lead
    

心得

群組化改樣式是真的是方便多了!!!
今日bgm:The Greatest Showman大娛樂家的OST
個人很喜歡音樂劇

初學者學習日誌，文章內容若有打錯歡迎直接糾正我，謝謝大家><